<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="css37.css">
    </head>
    <body>
        <!-- 选择器 -->
        <!-- 标签选择器--所有指定标签全部发生改变（标签+空格+{n声明}） -->
        <p>hello world</p>
        <p>hello css</p>

        <!-- id选择器 通过id进行设置样式，#id名称+空格+{n声明}-->
        <p id = "fe">hello 前端</p>

        <!-- 类选择器 通过类名进行设置样式，.类名 + 空格 +{n声明}-->
        <p class = "eat">吃饭</p>
        <p class="sleep">睡觉</p>
        <p class="game">玩游戏</p>

        <!-- 通配符选择器 一般用来设置背景色或浏览器统一某结构的设置 * + 空格 + {声明} -->

    </body>
</html>